<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初始vue</title>
</head>
<body>
<!--<div><p id="pp">嘿嘿</p></div>-->
<div><p id="pp">{{str}}</p></div>
<script src="js/vue.js"></script>
<script>
    //配置对象 (属性名是固定的 属性值是可变的)
    //vue版本
    const  vm=new Vue({
        el:'#pp', //挂载点是上面的div
        data:{
            str:'我爱你'
        }
    });
    //三者(原生js jquery vue )对比 vue的性能是最好的 原生js 和jquery操作dom 而且是在修改dom元素内容的时候
    // 都会重绘dom树 尤其是对多个元素 vue和原生以及jquery的是不一样的,它采用了文档碎片把整个dom树的重回从多次
    //变成1次 所以效率很高
</script>

</body>
</html>